﻿@page "/datagrid-cell-selection"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Cell selection</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Enable cell-level selection for granular user interactions.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo you can toggle between <strong>single</strong> and <strong>multiple</strong> cell selection modes, choose between <strong>Click</strong> or <strong>DoubleClick</strong> event types for selection, and <code>CellRender</code> highlights selected cells with a colored background.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridCellSelect">
    <DataGridCellSelect />
</RadzenExample>
